.product-con .header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: .96rem;
    font-size: .3rem;
    color: #050505;
    background-color: #fff;
    z-index: 11;
    border-bottom: .01rem solid #eee;
}
.product-con .header .item{
    position: relative;
    margin: 0 .35rem;
}
.product-con .header .item.on:before {
    position: absolute;
    width: .6rem;
    height: .05rem;
    background-repeat: no-repeat;
    content: "";
    background: -webkit-gradient(linear,right top,left top,from(#C54017),to(#F56121));
    background: linear-gradient(270deg,#C54017 0,#F56121);
    background: -moz-linear-gradient(to left,#C54017 0,#F56121 100%);
    bottom: -.1rem;
}
.product-bg {
    height: 7.5rem;
}
.product-bg .slide-image {
    width: 100%;
    height: 100%;
}
.slider-banner .swiper-container {
    height: 100%;
}
.product-con .wrapper {
    background-color: #fff;
}
.product-con .wrapper .share {
    margin: 0 .3rem;
    padding-top: .25rem;
}
.product-con .wrapper .share .money {
    font-size: .28rem;
    font-weight: 700;
}
.product-con .wrapper .share .money .num {
    font-size: .48rem;
}
.product-con .wrapper .introduce {
    font-size: .32rem;
    font-weight: 700;
    margin: .1rem .3rem 0 .3rem;
}
.product-con .wrapper .label {
    margin: .22rem .3rem 0 .3rem;
    font-size: .24rem;
    color: #82848f;
    padding-bottom: .25rem;
}
.product-con .attribute {
    background-color: #fff;
    padding: 0 .3rem;
    font-size: .26rem;
    color: #82848f;
    margin-top: .2rem;
    height: .8rem;
}
.product-con .attribute .atterTxt {
    font-size: .28rem;
    color: #282828;
}
.product-con .attribute .iconfont {
    font-size: .28rem;
    color: #7a7a7a;
}
.product-con .userEvaluation {
    margin-top: .2rem;
    background-color: #fff;
}
.product-con .userEvaluation .title {
    height: .86rem;
    border-bottom: 1px solid #eee;
    font-size: .28rem;
    color: #282828;
    margin-left: .3rem;
    padding-right: .3rem;
}
.product-con .userEvaluation .title .praise {
    font-size: .28rem;
    color: grey;
}
.product-con .wrapper .share .money .y-money {
    color: #82848f;
    margin-left: .13rem;
    text-decoration: line-through;
    font-weight: 400;
}
.evaluateWtapper .evaluateItem {
    background-color: #fff;
    padding-bottom: .25rem;
}
.evaluateWtapper .evaluateItem .pic-text {
    font-size: .26rem;
    color: #282828;
    height: .95rem;
    padding: 0 .3rem;
}
.evaluateWtapper .evaluateItem .pic-text .pictrue {
    width: .56rem;
    height: .56rem;
    margin-right: .2rem;
}
.evaluateWtapper .evaluateItem .pic-text .pictrue .image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.evaluateWtapper .evaluateItem .pic-text .name {
    max-width: 4.5rem;
    margin-right: .15rem;
}
.start.star3 {
    background-position: 0 -.7rem;
}
.start {
    width: 1.22rem;
    height: .3rem;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 1.22rem auto;
}
.evaluateWtapper .evaluateItem .time {
    font-size: .24rem;
    color: #82848f;
    padding: 0 .3rem;
}
.evaluateWtapper .evaluateItem .evaluate-infor {
    font-size: .28rem;
    color: #282828;
    margin-top: .19rem;
    padding: 0 .3rem;
}
.product-con .product-intro {
    margin-top: .2rem;
    width: 100%;
    overflow: hidden;
}
.product-con .product-intro .title {
    font-size: .3rem;
    color: #282828;
    height: .86rem;
    width: 100%;
    background-color: #fff;
    text-align: center;
    line-height: .86rem;
}
.product-con .product-intro .conter {
    width: 100%;
}
.product-con .product-intro .conter img {
    width: 7.5rem!important;
    display: block!important;
}
.product-con .footer {
    padding: 0 .2rem 0 .3rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1rem;
    background-color: #fff;
    z-index: 777;
    border-top: 1px solid #f0f0f0;
}
.product-con .footer .item {
    font-size: .18rem;
    color: #666;
    margin-top: .07rem;
}
.product-con .footer .item .iconfont {
    text-align: center;
    font-size: .4rem;
    height: .4rem;
    line-height: .4rem;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.product-con .bnt {
    width: 4.44rem;
    height: .76rem;
    color: #fff;
    font-size: .28rem;
}
.product-con .bnt>div {
    width: 2.22rem;
    text-align: center;
    line-height: .76rem;
}
.product-con .bnt .joinCart {
    border-radius: .5rem 0 0 .5rem;
    background:#E34819;
}

.product-con .bnt .buy {
    border-radius: 0 .5rem .5rem 0;
    background:#2C2C2C;
}

.product-window {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: 666;
    border-radius: .16rem .16rem 0 0;
    padding-bottom: 1.4rem;
    transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    transition: all .3s cubic-bezier(.25,.5,.5,.9);
    -webkit-transition: all .3s cubic-bezier(.25,.5,.5,.9);
    -moz-transition: all .3s cubic-bezier(.25,.5,.5,.9);
    -o-transition: all .3s cubic-bezier(.25,.5,.5,.9);
}
.product-window.on {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
}
.product-window .textpic {
    padding: 0 1.3rem 0 .3rem;
    margin-top: .29rem;
    position: relative;
}
.product-window .textpic .pictrue {
    width: 1.5rem;
    height: 1.5rem;
}
.product-window .textpic .pictrue .image {
    width: 100%;
    height: 100%;
    border-radius: .1rem;
}
.product-window .textpic .text {
    width: 4.1rem;
    font-size: .32rem;
    color: #202020;
}
.product-window .textpic .text .money {
    font-size: .24rem;
    margin-top: .4rem;
}
.product-window .textpic .text .money .num {
    font-size: .36rem;
}
.product-window .textpic .text .money .stock {
    color: #999;
    margin-left: .18rem;
}
.product-window .productWinList {
    max-height: 4.95rem;
    overflow: auto;
    margin-top: .36rem;
}
.product-window .productWinList .item .title {
    font-size: .3rem;
    color: #999;
    padding: 0 .3rem;
}
.product-window .productWinList .item .listn {
    padding: 0 .3rem 0 .16rem;
}
.product-window .productWinList .item .listn .itemn {
    border: 1px solid #bbb;
    font-size: .26rem;
    color: #282828;
    padding: .07rem .33rem;
    border-radius: .06rem;
    margin: .14rem 0 0 .14rem;
}
.product-window .productWinList .item .listn .itemn.on {
    color: #fff;
    background-color: #ff3700;
    border-color: #ff3700;
}
.product-window .cart {
    margin-top: .36rem;
    padding: 0 .3rem;
}
.product-window .cart .title {
    font-size: .3rem;
    color: #999;
}
.product-window .cart .carnum {
    height: .54rem;
    margin-top: .24rem;
}
.product-window .cart .carnum .reduce.on {
    border-color: #e3e3e3;
    color: #dedede;
}
.product-window .cart .carnum .reduce {
    border-right: 0;
    border-radius: .06rem 0 0 .06rem;
    line-height: .48rem;
}
.product-window .cart .carnum .num {
    color: #282828;
    font-size: .28rem;
}
.product-window .cart .carnum .item {
    border: 1px solid #a4a4a4;
    width: .84rem;
    text-align: center;
    height: 100%;
    line-height: .54rem;
    color: #a4a4a4;
    font-size: .45rem;
}
.ipt_num {
    width: 100%;
    display: block;
    line-height: .54rem;
    text-align: center;
    font-size: .36rem;
}
.product-window .cart .carnum .plus {
    border-left: 0;
    border-radius: 0 .06rem .06rem 0;
    line-height: .46rem;
}
.product-window .textpic .iconfont {
    position: absolute;
    right: .3rem;
    top: -.05rem;
    font-size: .35rem;
    color: #8a8a8a;
}
.product-con .notice {
    width: 100%;
    height: .62rem;
    background-color: #ffedeb;
    margin-top: .2rem;
    padding: 0 .3rem;
}
.product-con .notice .num {
    font-size: .24rem;
}
.product-con .notice .swiper {
    height: 100%;
    width: 4.7rem;
    line-height: .62rem;
    overflow: hidden;
    margin-left: .14rem;
}
.product-con .notice .num .line {
    color: #282828;
    margin-left: .15rem;
}
.product-con .notice .num .iconfont {
    font-size: .3rem;
    vertical-align: -.03rem;
    margin-right: .2rem;
}
.product-con .playWay {
    background-color: #fff;
    padding: 0 .3rem;
    margin-top: .2rem;
    font-size: .28rem;
    color: #282828;
}

.product-con .playWay .way {
    min-height: 1.1rem;
    font-size: .26rem;
    color: #282828;
}
.product-con .playWay .title {
    height: .86rem;
    border-bottom: 1px solid #eee;
}
.product-con .playWay .way .iconfont {
    color: #cdcdcd;
    font-size: .4rem;
    margin: 0 .35rem;
}
.product-con .playWay .way .item .num {
    font-size: .3rem;
    margin-right: .06rem;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.product-con .footer-group {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1rem;
    background-color: #fff;
    font-size: .18rem;
    color: #666;
    z-index: 777;
}
.product-con .footer-group .customerSer {
    width: 14%;
    font-size: .2rem;
    color: #666;
}
.product-con .footer-group .customerSer .iconfont {
    font-size: .35rem;
}
.product-con .footer-group .bnt.bg-color-violet {
    background-color: #fa8013;
}
.product-con .footer-group .bnt {
    width: 86%;
    text-align: center;
    line-height: 1rem;
    height: 100%;
    color: #fff;
    font-size: .3rem;
}
.product-con .footer-group .bnt {
    width: 43%;
}

.font-color-red {
    color: #f36 !important;
}

.bg-color-red {
    background-color: #ff1f44 !important;
}

.cart-color {
    color: #ff1f44 !important;
    border: 1px solid #ff1f44 !important;
}